﻿@{
    Layout = null;
    ViewBag.Title = "RegisterAccount";
}


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="favicon.png">

    <title>Nepali Corner</title>

    <!-- Bootstrap core CSS -->
    <link href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet">

    <!-- Custom styles for this template -->
	 <link href="@Url.Content("~/Content/css/preview.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/mystyle.css")" rel="stylesheet">
  
    <script src="@Url.Content("~/Scripts/js/modernizr.js")" type="text/javascript"></script>
  </head>

  <body class="eternity-form  colorBg3 colorBg colorBg6 " >
    <div class="navbar navbar-fixed-top navbar-inverse " role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">NepCorner1</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li>@Html.ActionLink("Home", "Index", "NepaliCorner")</li>
            <li><a href="#about">About</a></li>
             <li>@Html.ActionLink("Create Post", "CreatePost", "NepaliCorner")</li>
             <li><a href="#contact">Contact</a></li>
          </ul>
          <ul class="nav navbar-nav pull-right">
          <li >@Html.ActionLink("LOGIN", "GetLogInPage", "NepaliCorner")</li>
          <li>@Html.ActionLink("SIGNUP", "RegisterAccount", "NepaliCorner")</li>
           </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->

    <div class="container">
	 <section class="colorBg " id="loginBox">
        <div class=" container">

         @if(ViewBag.message!=null)
                       {
                      <div class="alert alert-success alert-dismissable">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  @ViewBag.message
</div>
                       }
                        @if (ViewBag.SuccessMessage != null)
                        {  
                       <div class="alert alert-success alert-dismissable">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  @ViewBag.SuccessMessage
</div>}

        </div>
    </section>
	  <script src="@Url.Content("https://code.jquery.com/jquery-1.10.2.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/bootstrap.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/jquery-1.9.1.js")"></script>
    <script src="@Url.Content("~/Scripts/js/bootstrap.js")"></script>
    <script src="@Url.Content("~/Scripts/js/respond.src.js")"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.icheck.js")"></script>
    <script src="@Url.Content("~/Scripts/js/placeholders.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/waypoints.min.js")"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.panelSnap.js")"></script>
    <script type="text/javascript">
        $(function () {

            $('[data-toggle=offcanvas]').click(function () {
                $('.row-offcanvas').toggleClass('active');
            });

            $("input").iCheck({
                checkboxClass: 'icheckbox_square-blue',
                increaseArea: '20%' // optional
            });
            $(".dark input").iCheck({
                checkboxClass: 'icheckbox_polaris',
                increaseArea: '20%' // optional
            });
            $(".form-control").focus(function () {
                $(this).closest(".textbox-wrap").addClass("focused");
            }).blur(function () {
                $(this).closest(".textbox-wrap").removeClass("focused");
            });

            //On Scroll Animations


            if ($(window).width() >= 968 && !Modernizr.touch && Modernizr.cssanimations) {

                $("body").addClass("scroll-animations-activated");
                $('[data-animation-delay]').each(function () {
                    var animationDelay = $(this).data("animation-delay");
                    $(this).css({
                        "-webkit-animation-delay": animationDelay,
                        "-moz-animation-delay": animationDelay,
                        "-o-animation-delay": animationDelay,
                        "-ms-animation-delay": animationDelay,
                        "animation-delay": animationDelay
                    });

                });
                $('[data-animation]').waypoint(function (direction) {
                    if (direction == "down") {
                        $(this).addClass("animated " + $(this).data("animation"));

                    }
                }, {
                    offset: '90%'
                }).waypoint(function (direction) {
                    if (direction == "up") {
                        $(this).removeClass("animated " + $(this).data("animation"));

                    }
                }, {
                    offset: $(window).height() + 1
                });
            }
            /*rjs need to be added fr horizntal do not delete
            .waypoint(function (direction) {
            $body.toggleClass(this.id + '-visible', direction === 'left');
            }, {
            offset: '-50%',
            horizontal: true
            })*/
            //End On Scroll Animations


            $(".main-nav a[href]").click(function () {
                var scrollElm = $(this).attr("href");

                $("html,body").animate({ scrollTop: $(scrollElm).offset().top }, 500);

                $(".main-nav a[href]").removeClass("active");
                $(this).addClass("active");
            });
        });
    </script>

</div>
</body>

